/*
 * HTML5 Boilerplate
 *map-btn
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
.iframe{ height:600px; width:100%; overflow-y:auto; overflow-x:hidden;}
.setUp{ position:absolute; top:0; right:0; width:45px; height:45px; background:url(../img/btn_top_rightlist_normal@2x.png) no-repeat; background-size:45px auto;}
.setUp:hover{ background:url(../img/btn_top_rightlist_press@2x.png) no-repeat; background-size:45px auto;}
.function{ position:absolute; left:0; top:0; width:45px; height:45px; background: url(../img/btn_top_Leftlist_normal@2x.png) no-repeat; background-size:45px auto;}
.function:hover{ background: url(../img/btn_top_Leftlist_press@2x.png) no-repeat; background-size:45px auto;}
.goBack{ position:absolute; left:0; top:0; width:45px; height:45px; background: url(../img/btn_top_LeftGoBack_normal@2x.png) no-repeat; background-size:45px auto;}
.goBack:hover{ background: url(../img/btn_top_LeftGoBack_press@2x.png) no-repeat; background-size:45px auto;}
.retrans{ position:absolute; top:5px; right:10px; width:49px; height:34px; line-height:34px; background: url(../img/btn_top_Right_normal@2x.png) no-repeat; background-size:48px auto; text-align:center; font-family:"微软雅黑"; font-size:0.75em;}
.retrans:hover{ background: url(../img/btn_top_Right_press@2x.png) no-repeat; background-size:48px auto;}
.downloaded{ position:absolute; top:5px; right:10px; width:58px; height:33px; line-height:34px; background: url(../img/btn_top_Right_normal@3.png) no-repeat; background-size:58px auto; text-align:center; font-family:"微软雅黑"; font-size:0.75em;}
.downloaded:hover{ background: url(../img/btn_top_Right_press@2x2.png) no-repeat; background-size:58px auto;}
.ebanner{ margin-top:6px;}
.ebanner img{ width:100%;}
.blessTit{ height:35px; line-height:35px; padding-top:5px; text-align:center; font-family: "微软雅黑","Arial","华文细黑","Helvetica"; font-size:1.3em; color:#2d343b; font-weight:normal;}
.showBtn{ display:block; margin:15px auto; width:60%; height:34px; line-height:34px; background:url(../img/btnBg.png) repeat-x; text-align:center; font-family: "微软雅黑","Arial","华文细黑","Helvetica"; font-size:1.4em; border:1px solid #ec6941; border-radius:4px;}
body{background: #cae7ff}
.wrap{background:url(../images/festival_bg.png) no-repeat #eaf4ff;  background-position: center center; background-attachment: fixed; background-size: cover; position: relative;}
.wrap-scene{position: relative; padding-top: 40px;}
@font-face{
	font-family: 'GardePro'; src: url('../fonts/ITCAvantGardePro-Demi.otf') format('truetype');
}
@font-face{
	font-family: 'AdobeSongStd'; src: url('../fonts/AdobeSongStd-Light.otf') format('truetype');
}
@font-face{
	font-family: 'DIN-Black'; src: url('../fonts/DIN-Black.otf') format('truetype');
}
/*--main style-----------*/
.main{ height:auto;padding: 10px; overflow:hidden;position: relative;}
.main-ac{height:auto;padding: 10px 0; overflow:hidden;}
.scene-back{height: 40px; background: #a5d7ff; position: fixed; z-index: 10000; top:0; left: 0; right: 0;}
.scenetitle{ width: auto; text-align: center; font-size: 1.1rem; line-height: 40px; position: absolute; left: 40px; right: 40px;font-weight: normal; font-family: 'DIN-Black';}
.scene-back i{font-size: 1.5rem; color: #007aff;}
.goback{position: fixed; width: 15%; height: auto; left: 2%; top: 1%; z-index: 100000;}
.goback img{width: 100%;}
.fval-ccon{text-align: center; position: relative; padding:10px 0; display: -webkit-flex;display: flex;justify-content: center;-webkit-align-items: center;align-items: center;}
.fval-ccon a{display: block; width: 100%; padding: 10px 0;}
.fval-ccon b{position: absolute;}
.fval-ccon .skyhead-s1{width:9.0%;right: 15%;top: 60%;}
.fval-ccon .skyhead-s2{width:9.5%; right: 38%;bottom: 0%;}
.fval-ccon .skyhead-t1{width:9.5%;left: 6%;top: -3%;}
.fval-ccon .skyhead-l1{width:12.0%; right: 10%;top: 8%;}
.fval-ccon .skyhead-l2{width:9.5%; left: 32%;bottom: -5%; -moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH();}
.fval-ccon img{width: 90%;}
.fval-sky img{width: 40%;}
.video-box{margin:0;text-align: center; display: -webkit-flex;display: flex;justify-content: center;-webkit-align-items: center;align-items: center;}
.video-box a{display: block; width: 100%;}
.video-box img{width: 100%;}
.nyc-btn{ margin: 0;padding: 10px;list-style: none; display: -webkit-flex;display: flex; flex-direction: row; justify-content:space-between; align-items:center;}
.nyc-btn li{list-style: none; width: 31.5%;}
.nyc-btn li a{display: block; border: 1px solid #000; font-family: 'GardePro'; font-size: 0.9rem; color: #000;  padding: 0.65rem 0 0.45rem 0; text-align: center; border-radius: 3px;}
.mapbtnlist{ margin: 0;list-style: none; margin-bottom: 10px; display: -webkit-flex;display: flex; flex-direction: row; justify-content:space-between; align-items:center;}
.mapbtnlist li{list-style: none; width: 23.5%;}
.mapbtnlist li a{display: block; cursor: pointer; background: #000; color: #fff; font-family: 'GardePro'; font-size: 0.7rem; padding: 0.8rem 0 0.6rem 0;text-align: center; border-radius: 3px;}
.detail-title{position:relative; font-size: 2.0rem; font-family: 'DIN-Black'; color: #000; text-align: center; padding: 9% 0;}
.singerLineup-tit{ font-size: 1.5rem; font-family: 'DIN-Black'; color: #4a4a4a; padding: 2% 1%;}
.singer-list{margin: 0; padding: 0; overflow: hidden;margin-bottom: 7%; position: relative;}
.singer-list-b2x{margin-bottom: 2%}
.singer-list li{ float:left;  width:48%; position: relative; z-index: 1001; margin:0 1%; overflow:hidden; border:none; background:none; box-sizing:border-box; height:auto; line-height:normal}
.singer-list li img{ width:100%; height:100%; margin-right:5px; margin-bottom:8px; }
.singer-list li span{ position: absolute; left: 0; right: 0px; bottom: 12px; z-index: 100; background: #000; height: 40px;line-height: 40px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;  opacity: 0.5; }
.singer-list li b{position: absolute; left: 7%; right: 0px; bottom: 11px; height: 40px; font-size: 0.8rem; font-weight: normal; line-height: 40px; color: #fff; z-index: 101; }
.singer-list li strong{ position: absolute; font-size: 1.8rem;display: -webkit-flex; display: flex; justify-content:center;align-items:center; font-family: 'DIN-Black'; color: #7aa0d3; text-align: center;  left: 0;top: 0; bottom: 12px; right: 0; }
.detail-module{padding: 5px 7px; margin-bottom: 7%; position: relative;}
.detail-module h3{ padding: 10px; background: #000; color: #fff; font-size: 1.8rem; font-family: 'DIN-Black'; }
.detail-module h3 b{float:left; margin-top:20px; width: 4px; height: 4px; background: #f00; margin-right: 10px;}
.detail-mcont{padding: 20px 15px; height: auto; margin:10px 0; position: relative;}
.detail-partners{padding: 20px 0; height: auto; margin:10px 0; position: relative;}
.detail-partners h2{color: #4a4a4a; font-size: 1.2rem; font-family: 'GardePro'; padding: 3% 0; margin-top: 8%;}
.detail-partners .mtsmall{margin-top: 4%;}
.detail-mapcont{height: auto; margin:10px 0; position: relative;}
.mcont-show{width: 100%; position: relative;z-index: 10;}
.mapcont-show{width: 100%; position: relative;z-index: 10;}
.stage{position: absolute;width:11.4%; height:15.4%; left: 30%; top: 42%;transform: translate(-50%, -50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); cursor: pointer;}
.vipbig{position: absolute; font-size: 0.9rem; width:38%; line-height: 30px; background: #6a9ecf; color: #fff; text-align: center; left: 30%; bottom: 10%;transform: translate(-50%, -50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); cursor: pointer;}
.vip{position: absolute; font-size: 0.9rem; width: 7.0%;  text-align: center; left: 5%; bottom: 18%; cursor: pointer;}
.GA{position: absolute; font-size: 0.9rem; width: 9.0%; height: 4%; right: 25%; bottom: 15%; cursor: pointer;}
.foodrt{position: absolute; width: 14.0%; right: 40%; top: 45%; height: auto; cursor: pointer;}
.foodfdc{position: absolute; width: 8.9%; right: 40%; top: 72%; height: auto; cursor: pointer;}
.food{position: absolute; width: 3.58%; left: 7%; top: 50%; height: auto; cursor: pointer;}
.allaccessbig{position: absolute; width: 15%; left: 23%; top: 55%; height: auto; cursor: pointer;}
.generalAdmis{position: absolute; width: 20%; height: 6%; left: 19%; top: 64%;cursor: pointer;}
.allaccess{position: absolute; width: 5.9%; left: 37%; top: 41%; height: auto; cursor: pointer;}
.mapcont-show img{width: 100%; display: block;}
.mcont-show p{color: #333; font-size: 1.1rem; font-family: 'GardePro';}
.toro-ga{position: absolute; font-size: 0.9rem; width: 6.6%; height: 6.5%; text-align: center; left: 4.5%; top: 19%; cursor: pointer;}
.toro-vip1{position: absolute; font-size: 0.9rem; width: 6.5%; height: 5.5%; text-align: center; left: 36.5%; top: 41%; cursor: pointer;}
.toro-vip2{position: absolute; font-size: 0.9rem; width: 6.5%; height: 4.5%; text-align: center; right:35.5%; top: 40.5%; cursor: pointer;}
.toro-vip3{position: absolute; font-size: 0.9rem; width: 6.5%; height: 4.5%; text-align: center; right: 21.5%; top: 58%; cursor: pointer;}
.toro-allaccess{position: absolute; font-size: 0.9rem; width: 25.6%; height: 6.5%; text-align: center; left: 26.3%; top: 19%; cursor: pointer;}
.toro-allaccess1{position: absolute; font-size: 0.9rem; width: 14.6%; height: 4.5%; text-align: center; right: 8.3%; top: 53%; cursor: pointer;}
.toro-guestlist{position: absolute; font-size: 0.9rem; width: 20.6%; height: 6.5%; text-align: center; left: 53.3%; top: 19%; cursor: pointer;}
.toro-stage{position: absolute; font-size: 0.9rem; width: 9.6%; height: 11.5%; text-align: center; right: 16.3%; top: 37%; cursor: pointer;}
.opacity-bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #eee; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity: 0.5;}
.entry-btn{ text-align: right; padding: 20px 0 0 0; position: relative; }
.entry-btn span{font-size: 1.1rem;}
.entry-btn span,.entry-btn a{ color: #ed6424; font-weight: bold; font-family: 'GardePro';}
.schedule-list{ padding: 10px 0; }
.schedule-list li{ padding: 10px 0; font-family: 'GardePro';}
.schedule-list li strong{color: #f05e1d; font-size: 0.9rem; position: relative; top: -1px;}
.schedule-list li span{color: #4a4a49; font-weight: bold; font-size: 1.0rem;}
.schedule-list li i{float: right; font-size: 0.9rem; color: #f15f23;}
.map-btn{position: absolute; top: 19%; left:5%; width: 80%;}
.map-btn li{float: left; width: 8%; margin-right: 2%;}
.map-btn li:nth-child(2){ width: 15%; }
.map-btn li:nth-child(3){ width: 32%; }
.map-btn li:nth-child(4){ width: 25%; }
.map-btn li a{display: block; width: 100%; height: 30px; cursor: pointer; background: #f00;}
.connect-list li{padding:0; margin: 20px 0;}
.connect-list li:first-child{ margin-bottom: 40px; }
.connect-list li h4{ font-size: 1.2rem; color: #798185;margin-bottom: 10px;}
.connect-list li p{font-size: 0.95rem; padding:10px 20px; word-wrap:break-word; position: relative;}
.connect-list li p a{color: #333;}
.connect-list li p b{ background: #ff5303; position: absolute; width: 4px; height: 100%; left: 0; top: 0;}
.share-box{text-align: center;}
.share-box a{display: inline-block; width: 10%; margin: 0 2px;}
.share-box img{width: 100%;}
.share-box i{font-size: 3rem; cursor: pointer;}
.cocolaw{overflow: hidden;}
.cocolaw li{ float: left; width: 45%; margin: 0 2.5% 1% 2.5%;}
.cocolaw li p{ font-size: 0.9rem; font-family: 'GardePro'; color: #4a4a4a; margin: 10px 0 10px 0;}
.cocolaw li img{width: 100%;}
.stance{ width: 100%; height: 50px;}
.ticketsfixed{position: fixed; width: 100%; bottom: 0px; left: 0; right: 0; z-index: 10002; }
.ticketsfixed a{ display: block; background: #ff5300; font-size: 1.4rem; color: #000; font-weight: bold; padding: 3% 0; font-family: 'GardePro'; text-align: center;  display: -webkit-flex;display: flex; flex-direction: row; justify-content:center; align-items:center;}
.mask{ position: fixed; left: 0; top: 0; right: 0; bottom:0; background: rgba(0,0,0,0.3); z-index: 999999;  display:none; }
.pop{ width:90%; position: fixed; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.pop-cont{ width: 100%; overflow: hidden; background:#fff; }
.pop-cont h2{ text-align: center; margin-top: 2%;}
.pop-cont h2 b{ font-size: 1.8rem; font-family: 'DIN-Black'; color: #000; display: inline-block; position: relative; }
.pop-cont h2 b tt{position: absolute; width: 20px; height: 20px; left: -20px; top: 3px; z-index: 10; background: #ff5203;}
.pop-cont h2 i{display: inline-block; width: 5px; height: 5px; position: relative; z-index: 11; background: #000; overflow: hidden; vertical-align: middle; margin-right: 8px; position: relative; top: -3px;}
.ulga{width: 55%; margin: 0 auto;}
.ulga-mbig{ margin: 15% auto; }
.ulga li{ margin: 10px 0; font-size: 1.1rem; font-family: 'GardePro';}
.ulga-mbig li{ margin: 30px 0;}
.ulga li span{color:#f26024;}
.close-box{ text-align: center; }
.close-box i{ font-size: 4rem; color: #f1f1f1; cursor: pointer;}
.mvideo{width: 100%; height: 100%; position: absolute; z-index: 1000; top: 0; left: 0;}
.activity-box{background:url(../images/singer_bg.png) no-repeat; background-position: top center;  background-size: 100% auto;}
.activity-top img{ width: 100%; }
.activity-box h2{padding: 20px 7%; color: #000; position: relative;}
.activity-box h2 span{position: relative;z-index: 11; font-family: 'GardePro';}
.activity-box h2 .signred{position: absolute;width: 15px; height: 15px; background: #ff5500; left: 6%; z-index: 10;}
.activity-box p{padding: 5px 7%; color: #000; line-height: 30px; font-family: 'GardePro';word-wrap:break-word;}
.activity-box p a{color: #0781cf;}
.activity-box .activity-secondtit{color: #ff5400;}
.singer-top,.activity-top{padding: 30px 5%;}
.singer-top h1{font-size: 2.2rem; font-family: 'DIN-Black';}
.singer-top b{display: block; width: 50px; height: 5px; margin-top: 10px; background: #ff5500; overflow:hidden; margin-left: 5px;}
.activity-top{position: relative;}
.activity-top h1{font-size: 2.5rem; position: relative; z-index: 15; font-family: 'DIN-Black';}
.activity-top b{ position: absolute; width: 60%; height: 40%; background: #ff5500; right: 2%; top: 15%; z-index: 10;}
.singervideo{padding: 7%;margin-left: auto; margin-right: auto;}
.singerwords{display: -webkit-flex; display: flex;justify-content:space-between;align-items:stretch; }
.singerimg{width: 100%;}
.singerimg img{width: 100%;}
.swords{width: 40%; padding: 20px 0; position: relative; left: -1px;}
.swordscont{position: absolute; width: 100%; min-height: 115%; top: 0; background: #ff5500;}
.swordscont li{font-size: 1.5rem; padding: 10%; font-family: 'GardePro';}
.sponsor{text-align: center; padding: 30px 0; display: -webkit-flex; display: flex;justify-content: center;-webkit-align-items: center;align-items: center; flex-direction:column;}
.sponsor a img{width: 50%;}
.sponsor h2{font-size: 2rem; padding: 15px 0; font-family: 'DIN-Black';}
.silversponsor{margin: 0; list-style: none; cursor: pointer; display: -webkit-flex;display: flex; flex-direction: row; align-items:center; text-align: center;}
.silversponsor3{ margin: 0; list-style: none; cursor: pointer; display: -webkit-flex;display: flex; flex-direction: row; justify-content:space-between; align-items:center; text-align: center;}
.silversponsor .col40{display: inline-block; width: 40%;}
.silversponsor .col35{display: inline-block; width: 35%;}
.silversponsor .col30{display: inline-block; width: 30%;}
.silversponsor .col20{ display: inline-block; width: 20%; }
.silversponsor .col25{ display: inline-block; width: 25%; }
.silversponsor3 img,.silversponsor img{width: 90%;}
.mediapartners{text-align: center; position: relative;}
.mediapartners img{width: 100%;}
.sponsor-cont{padding: 10px 0; overflow:hidden; height: auto;}
.sponsor-box{ padding:15px; background:url(../images/sponsor_bg.png) no-repeat; background-position: top center;  background-size: 100% auto;}
.sponsoranalyse img{width: 100%;}
.sponsoranalyse { display: -webkit-flex; display: flex;justify-content: center;-webkit-align-items: center;align-items: center; text-align: center;}
.videobox{position: relative; z-index: 10;}
.comingsoon{display: -webkit-flex; display: flex; justify-content:center; align-items:center; min-height: 150px;}
.mapcoming h4{font-size: 1rem; margin: 0 20px; padding: 10px 0; color: #4c555a;  font-family: 'DIN-Black';text-align: center; border-bottom: 1px solid #999;}
.mapcoming h1{display: -webkit-flex; display: flex; justify-content:center; color: #4c555a; align-items:center; font-size: 2.5rem; font-family: 'DIN-Black'; min-height: 150px;}
.comingsoon h1{color: #4c555a; font-size: 2.5rem; font-family: 'DIN-Black';}
.popinclude{padding: 20px;} 
.popinclude h3{color: #ff5500; padding: 10px 0; font-family: 'GardePro'; font-size: 1.0rem;}
.popinclude p{color: #000; font-family: 'GardePro'; font-size: 0.9rem;}
.stagelist{overflow: hidden; padding: 20px;}
.stagelist li{padding: 5px 10px;  border-left: 1px solid #f26124;  font-family: 'GardePro'; color: #f26124; position: relative;}
.stagelist li span{color: #000; margin-right: 5px;}
.stagelist li b{ width: 5px; height: 5px; background: #f26124; border-radius: 5px; position: absolute; left: -3px; top: 14px; }
.activitybox img{ width: 100%; height: auto; }
.loca-iconT{position: absolute; z-index: 1000; transform:rotate(-88deg); -ms-transform:rotate(-88deg);-moz-transform:rotate(-88deg);-webkit-transform:rotate(-88deg);-o-transform:rotate(-88deg);}
.loca-icon{position: absolute; z-index: 1000;}
.loca-icon1{ width: 5.0%; left: 5%; bottom:14.5%;}
.loca-icon2{ width: 9.0%; right: 5%; bottom:6.5%;}
.loca-icon3{ width: 9.0%; right: 5%; bottom:5.5%;}
.loca-icon4{ width: 6.0%; right: 19%; bottom:3.5%;}
.loca-icon5{ width: 8.0%; left: 19%; bottom:0%;}
.loca-icon6{ width: 6.0%; left: 20%; top:-8%;}
.loca-icon7{ width: 9.0%; right: 15%; bottom:26.5%;}
.loca-icon8{ width: 5.0%; left: 30%; bottom:-4%;}
.loca-icon9{ width: 6.0%; right: 10%; bottom:-6%;}
.loca-icon10{ width: 8.0%; left: 20%; top:-10%;}
.loca-icon11{ width: 8.0%; right: 20%; top:30%;}
.loca-icon12{ width: 6.0%; left: 10%; bottom:15%;}
.loca-iconT img,.loca-icon img{ width: 90%; }
.backTop{position: fixed; width: 15%; bottom: 7%; right: 5%; z-index: 100001; cursor: pointer;}
.backtop-toronto{bottom: 10%;}
.backTop img{width: 80%;}
.popcontfy{ width: 100%; display: -webkit-flex; display: flex;justify-content:center; }
.popcontfy b{ display: block; width: 40%; padding: 10px 0;font-size: 1.2rem; text-align: right; font-family: 'GardePro'; }
.popmoon{ height: 200px; line-height: 200px; text-align: center; font-family: 'GardePro'; font-size: 2rem; color: #567985;  }
.pop-cont-big{padding: 10% 0;}
.QRCodebox{display: -webkit-flex; display: flex; justify-content:center; padding: 20px 0; align-items:center;}
.QRCodebox img{ width: 80%; } 
.sponsorlink{padding: 5% 0;}
.sponsorlink a{display: block; font-family: 'GardePro'; color: #333; font-size: 1.0rem; text-align: center;}
